<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>百度快排</title>
    <link rel="stylesheet" href="reset.css">
    <style>
        .h{
            height: 600px;
            width: 380px;
            /*border: 1px solid red;*/
            margin: 100px 0 0 600px;
            /*position: relative;*/
        }
        span{
            /*color:blueviolet;*/
            white-space:pre;
        }
        /*input{*/
            /*border: 2px solid gray();*/
            /*!*font-family:宋体;*!*/
            /*!*font-weight:bold;*!*/
        /*}*/
        input{
            width:250px;
            height:28px;
            border: 1px solid darkgray;
            line-height:25px;
            text-indent:0.5em;
            font-size:15px;
            margin: 10px 0 0 0
        }
        /*li{*/
            /*list-style: none;*/
        /*}*/
        .he:hover{
            border:2px solid black;
        }
        .en:hover{
            /*font-size: 16px;*/
            text-shadow: 0px 6px 1px #83ACDB;
        }
        .moshi{
            width:90px;
        }
    </style>
</head>
<body>
    <div class="h">
        <form action="" method="post" >
                <ul>
                    <li> <span>关键词:&emsp;</span><span class="jiege"><input class="he" type="text" placeholder="请输入百度搜索关键词" name="keyword"></span></li>
                    <li><span>域名:&emsp;&emsp;</span><span class="jiege"><input class="he" type="text" placeholder="请输入要排名的域名" name="hostUrl"></span></li>
                    <li> <span>熊掌号:&emsp;</span><span class="jiege"><input class="he" type="text" placeholder="请输入要熊掌号" name="hostName"></span></li>
                    <li> <span>等待时间:</span><span class="jiege"><input class="he" type="text" placeholder="请输入页面等待时间" name="timeout"></span></li>
                    <li> <span>ip数量:&emsp;</span><span class="jiege"><input class="he" type="text" placeholder="请输入ip总访问数量" name="ipNumber"></span></li>
                    <li>
                        <span>模&emsp;式:&nbsp;&nbsp;</span>
                        <span class="jiege"><input class="moshi" type="text" placeholder="直接ip数量" name="zhijie"></span>
                        <span class="jiege"><input class="moshi" type="text" placeholder="经过ip数量" name="jingguo"></span>
                        <span class="jiege"><input class="moshi" type="text" placeholder="截止ip数量" name="jiezhi"></span>
                    </li>
                    <li><input class="en" style="background-color:cornflowerblue;color:white;height:30px;text-indent:0em;margin-left:30px" type="submit" value="提交"></li>
                    <li><br><p style="font-size: 17px;font-weight:bold;">注意：直接模式+经过模式+截止模式的IP总数要等于ip总访问数量</p></li>
                </ul>
        </form>
    </div>
</body>
</html>